section.uk-section.uk-section-secondary.uk-section-small.uk-light
  div.uk-container
    div(class="uk-grid-medium " +
              "uk-child-width-1-1 " +
              "uk-child-width-1-4@m"
        uk-grid)

      div
        a.uk-logo(href="index.html")
          img(src="images/logo-inverse.svg" width="90" height="32" alt="Logo")
        p.uk-text-small Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut mauris eros. Nulla quis ante sed tortor efficitur facilisis.
        ul.uk-iconnav
          each social in socials
            li: a(href="#" title= social.name uk-icon= social.icon)

      div
        nav.uk-grid-small.uk-child-width-1-2(uk-grid)
          div
            ul.uk-nav.uk-nav-default
              each item in footerMenuLeft
                li: a(href= item.href)= item.name
          div
            ul.uk-nav.uk-nav-default
              each item in footerMenuRight
                li: a(href= item.href)= item.name

      div
        ul.uk-list.uk-text-small
          li
            a.uk-link-muted(href="#")
              +icon("receiver")(class="uk-margin-small-right")
              span.tm-pseudo= shopInfo.phone
          li
            a.uk-link-muted(href="#")
              +icon("mail")(class="uk-margin-small-right")
              span.tm-pseudo= shopInfo.email
          li
            div.uk-text-muted
              +icon("location")(class="uk-margin-small-right")
              span!= shopInfo.address
          li
            div.uk-text-muted
              +icon("clock")(class="uk-margin-small-right")
              span= shopInfo.openingHours

      div
        form.uk-form-stacked
          label
            div.uk-form-label.uk-text-muted Subscribe for updates
            div.uk-inline.uk-width-1-1
              a.uk-form-icon.uk-form-icon-flip(href="#" uk-icon="mail")
              input.uk-input(type="email" placeholder="Your email" required)

        div.uk-margin.uk-text-small.uk-text-muted Shopping Categories icons by Jaro Sigrist from Noun Project


